/*
Theme Name: lontano

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right_to_Left_Language_Support

*/

body {
	direction: rtl;
	unicode-bidi: embed;
}
.spaceLeft {
	margin-left: 0;
	margin-right: 0.5em;
}
.spaceRight {
	margin-right: 0;
	margin-left: 0.5em;
}
.main-navigation .spaceRight {
	margin-right: 0.5em;
	margin-left: 0;
}
.main-navigation ul {
	padding-right: 0;
}
.main-navigation div > ul > li > ul::before {
	right: 30px;
	left: inherit;
}
.main-navigation div > ul > li > ul::after {
	right: 25px;
	left: inherit;
}
.main-navigation ul ul a {
	text-align: right;
}
.widget_archive li a, .widget_categories li a, .main-navigation {
	float: right;
}
.main-navigation ul ul ul {
	right: 100%;
	left: inherit;
}
.main-navigation ul ul li {
	margin: 0 1px 1px 0;
}
.main-navigation li a:not(:last-child):after {
    margin: 0 5px 0 0;
	float: left;
	line-height: inherit;
}
.main-navigation ul ul li a:not(:last-child):after {
    content: "\f104";
    margin: 0 5px 0 0;
    float: left;
}
.widget_archive li, .widget_categories li {
	text-align: left;
}
#comments .reply {
    right: inherit;
	left: 0;
}
#comments article footer img {
    float: right;
    margin-right: 0;
	margin-left: 1em;
}
#comments ol ol {
    padding-left: 0;
	padding-right: 5%;
}
.post-navigation .nav-previous {
	text-align: left;
}
.read-link a i.fa-angle-double-right:before,
.site-main .navigation.pagination .nav-links a i.fa-angle-double-right:before {
	content: "\f100";
}
.site-main .navigation.pagination .nav-links a i.fa-angle-double-left:before {
	content: "\f101";
}
@media all and (max-width: 1024px) {
	.main-navigation ul li .indicator {
		right: inherit;
		left: 0;
		border-left: 0;
		border-right: 1px solid rgba(76, 76, 76,0.2);
	}
	.main-navigation ul ul, .main-navigation ul ul ul {
		padding-right: 3%;
		padding-left: 0;
	}
}